<template>
  <div class="headbox">
    <img class="logoimg" src="~@/assets/img/logo.png"/>
    <div class="logoinfo">
      <div class="logoinfo_title">北京北方基因生物科技有限公司</div>
      <div class="logoinfo_desc">
        <div class="desc_ms">大健康的拓荒者</div>
        <div class="desc_phone">电话：010-88888888</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    };
  },
  created:function () {//创建实例之后获取

  },
  methods:{
  },
};
</script>
<style lang="scss" scoped>
.headbox{
  width: 100%;
  height: 85px;
  line-height: 85px;
  background: #FFF;
  text-align: center;
  font-size: 0;
  .logoimg{
    width: 166px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
  }
  .logoinfo{
    width: 260px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 18px;
    .logoinfo_title{
      width: 100%;
      height:25px;
      font-size:18px;
      font-family:PingFangSC-Regular,PingFang SC;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:25px;
    }
    .logoinfo_desc{
      width: 100%;
      height: 25px;
      line-height: 25px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .desc_ms{
        font-size:14px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(119,119,119,1);
      }
      .desc_phone{
        font-size:14px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(119,119,119,1);
      }
    }
  }
}

</style>